<ion-header>
  <ion-navbar>
    <ion-title>主页</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item *ngFor="let item of items">
      <img src="{{item.imgUrl}}">
      <ion-row>
          <ion-col>
            <button ion-button icon-left clear small>
              <ion-icon name="thumbs-up"></ion-icon>
              <div>{{item.up}}</div>
            </button>
          </ion-col>
          <ion-col>
            <button ion-button icon-left clear small>
              <ion-icon name="text"></ion-icon>
              <div>{{item.cm}}</div>
            </button>
          </ion-col>
          <ion-col align-self-center center text-center>
            <ion-note>
              11h前
            </ion-note>
          </ion-col>
        </ion-row>
    </ion-item>
  </ion-list>
  <button ion-button full (click)="getHttpData()">加载更多</button>
</ion-content>
